import React from 'react'
import logo from './logo.svg';
import './App.css';

class App extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      log: 0,
    }
  }

  componentDidMount() {
    this.setState({ log: this.state.log + 1 })
    console.log(this.state.log)
    this.setState({ log: this.state.log + 1 })
    console.log(this.state.log)
    setTimeout(() => {
      this.setState({ log: this.state.log + 1 })
      console.log(this.state.log)
      this.setState({ log: this.state.log + 1 })
      console.log(this.state.log)
    }, 0)
  }

  render() {
    return (<div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
      <div className='contanier'>
        <div className='first'></div>
        <div className='sec'></div>
      </div>
    </div>)
  }
}

export default App;
